<?php
include 'view/all.php';
/*
 * This is head part of page
 */
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" charset="urf-8" />
<!--        <title>SalusBaby</title>-->
        <link href="<?='http://'.$_SERVER['HTTP_HOST'].'/salusbaby/include/css/fal_style.css'?>" rel="stylesheet" type="text/css" />        
        <script src="../../include/js/flash.js" type="text/javascript"></script>        
        <script type="text/javascript">
    
            $(document).ready(function(){
                document.getElementById('maildata').value=$('#mainContent').html();
           
            });
  
        </script>



        <script type="text/javascript">

            function PrintElem(elem){
                Popup($(elem).html());
            }
            function Popup(data){
                var mywindow = window.open('', 'Print', 'height=700,width=600');
                        
                mywindow.document.write(data);
                mywindow.document.close();
                mywindow.print();                
                return true;
            }


        </script>

        <link type="text/css" href="../../include/css/ui-lightness/jquery-ui-1.8.21.custom.css" rel="stylesheet" />
        <script type="text/javascript" src="../../include/js/jquery-1.7.2.js"></script>
        <script type="text/javascript" src="../../include/js/jquery-ui-1.8.21.custom.min.js"></script>
        <script type="text/javascript">
            $(function(){

                // Accordion
                $("#accordion").accordion({ header: "h3",collapsible:true, autoHeight:false,navigation:true, active:false  });

                // Tabs
                $('#tabs').tabs();

                // Dialog
                $('#dialog').dialog({
                    autoOpen: false,
                    width: 600,
                    buttons: {
                        "Ok": function() {
                            $(this).dialog("close");
                        },
                        "Cancel": function() {
                            $(this).dialog("close");
                        }
                    }
                });

                // Dialog Link
                $('#dialog_link').click(function(){
                    $('#dialog').dialog('open');
                    return false;
                });

                // Datepicker
               

                // Slider
                $('#slider').slider({
                    range: true,
                    values: [17, 67]
                });

                // Progressbar
                $("#progressbar").progressbar({
                    value: 20
                });

                //hover states on the static widgets
                $('#dialog_link, ul#icons li').hover(
                function() { $(this).addClass('ui-state-hover'); },
                function() { $(this).removeClass('ui-state-hover'); }
            );

            });
        </script>

        <style>
            .demoHeaders { margin-top: 2em; }
            #dialog_link,#dialog_link1, #dialog_link2  {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
            #dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
            ul#icons {margin: 0; padding: 0;}
            ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
            ul#icons span.ui-icon {float: left; margin: 0 4px;}
        </style>
    </head>